sprintManagementUi = Ext.extend(Ext.Window, {
    title: 'Sprint management'
    ,iconCls : 'icon-box_preferences'
    ,width: 500
    ,height: 300
    ,buttonAlign: 'center'
    ,layout : 'fit'
    ,tbar: [
        {
            ref: '../reloadButton'
            ,iconCls: 'icon-refresh'
            ,tooltip: 'Reload Sprint list'
        },'-',{
            text : 'Add sprint to list'
            , iconCls : 'icon-box_add'
            , ref : '../addButton'
        },'->',{
            iconCls : 'icon-box_next'
            ,text : 'Start next sprint'
            ,tooltip : 'Closes currently open sprint and starts up the next one'
            ,ref : '../nextSprintButton'
        }
    ]
    ,initComponent : function()
    {
        this.items = this.contentItems;
        sprintManagementUi.superclass.initComponent.call(this);
    }
    ,contentItems: [{
        xtype: 'grid'
        ,store: 'sprintStore'
        ,autoExpandColumn: 'name'
        ,ref : 'sprintGrid'
        ,viewConfig : {
            forceFit: true
        }
        ,colModel : new Ext.grid.ColumnModel({
            defaults: {
                sortable: true
                ,menuDisabled: true
                ,width: 100
                ,resizable: true
            }
            ,columns:[
                {
                    header: 'ID'
                    ,dataIndex: 'sprint'
                    ,width : 50
                    ,hidden : true
                },{
                    header: 'Sprint'
                    ,dataIndex: 'name'
                },{
                    header: 'Start'
                    ,dateFormat : 'd.m.Y'
                    ,dataIndex: 'startDate'
                },{
                    header: 'End'
                    ,dateFormat : 'd.m.Y'
                    ,dataIndex: 'endDate'
                }
            ]
        })   
    }]
});